*{
   margin: 0;
   padding: 0;
}

.box{
   margin: 0 auto;
   width: 870px;
   height: 1100px;
   padding: 0;
   background-color: white;
}
a{
   text-decoration: none;
   font-weight: bold;
   color: #000;
}
a:hover{
   background-color: #04f6d2;
   z-index: 6;
}
.head{
   font-size: 32px;
   color: #fffcff;
   font-weight: bold;
   text-align: center;
   line-height: 100px;
   height: 100px;
   background-image: radial-gradient(#070703, #070703, rgb(7, 7, 3));
}
.banner{
   height: 260px;
}
img{
   width: 100%;
   height: 100%;
}
.nav{
   width: 870px;
   height: 50px;
   display: flex;
   justify-content: space-around;
   align-items: center;
}
.nav p{
   /*float:left;*/
   /*line-height: 50px;*/
   font-size: 35px;
   font-weight: bold;
   /*text-indent: 102px;*/
}
.orc_tec{
   color: blue;
}
.orc_tec:hover{
   background: linear-gradient(to left, #fef3f3, #686977 75%);
   box-shadow: inset 0 5px 10px rgb(7, 7, 3),0 2px 5px rgb(254, 243, 243);
   cursor:pointer;
}
.face_detect:hover{

   background: linear-gradient(to left, #fef3f3, #686977 75%);
   box-shadow: inset 0 5px 10px rgb(7, 7, 3),0 2px 5px rgb(254, 243, 243);
   cursor:pointer;
}
.voice_tec:hover{

   background: linear-gradient(to left, #fef3f3, #686977 75%);
   box-shadow: inset 0 5px 10px rgb(7, 7, 3),0 2px 5px rgb(254, 243, 243);
   cursor:pointer;
}
.nlp:hover{
   background: linear-gradient(to left, #fef3f3, #686977 75%);
   box-shadow: inset 0 5px 10px rgb(7, 7, 3),0 2px 5px rgb(254, 243, 243);
   cursor:pointer;
}

#orc_tec p{
   height: 30px;
   width: 500px;
   font-size: 30px;

   font-weight: bold;
   color: #1c2d42;
   margin-top: 20px;
}
#orc_tec div{
   width: 870px;
   height: 70px;
   margin-top: 40px;
}
#orc_tec div a{
   text-align: center;
   line-height: 45px;
   float: left;
   margin-left: 50px;
   width: 360px;
   height: 45px;
   border: 1px solid #5d5d56;
   /*background-image: radial-gradient(#33ce92, #3476c7, rgb(70, 52, 108));*/

   box-shadow: inset 0 1px 1px rgb(98, 90, 90),0 2px 5px rgb(5, 5, 5);
}
#orc_tec div .a3{
   text-align: center;
   line-height: 45px;
   float: left;
   margin-left: 50px;
   width: 223px;
   height: 45px;
   border: 1px solid #5d5d56;
   box-shadow: inset 0 1px 1px rgb(98, 90, 90),0 2px 5px rgb(5, 5, 5);
}

#nlp div .a3{
   text-align: center;
   line-height: 45px;
   float: left;
   margin-left: 50px;
   width: 223px;
   height: 45px;
   border: 1px solid #5d5d56;
   box-shadow: inset 0 1px 1px rgb(98, 90, 90),0 2px 5px rgb(5, 5, 5);
}
/*人脸与人体检测章节*/
#face_detect p{
   height: 30px;
   width: 500px;
   font-weight: bold;
   color: #1c2d42;
   margin-top: 20px;
   font-size: 30px;
}
#face_detect div{
   width: 870px;
   height: 70px;
   margin-top: 40px;
}
#face_detect div a{
   text-align: center;
   line-height: 45px;
   float: left;
   margin-left: 50px;
   width: 360px;
   height: 45px;
   border: 1px solid #5d5d56;
   /*background-image: radial-gradient(#fef3f3, #fef3f3, rgb(239, 246, 233));*/
   box-shadow: inset 0 1px 1px rgb(98, 90, 90),0 2px 5px rgb(5, 5, 5);
}
/*语音技术章节*/
#voice_tec p{
   height: 30px;
   width: 500px;
   font-weight: bold;
   color: #1c2d42;
   margin-top: 20px;
   font-size: 30px;
}
#voice_tec div{
   width: 870px;
   height: 70px;
   margin-top: 40px;
}
#voice_tec div a{
   text-align: center;
   line-height: 45px;
   float: left;
   margin-left: 50px;
   width: 360px;
   height: 45px;
   border: 1px solid #5d5d56;
   /*background-image: radial-gradient(#fef3f3, #fef3f3, rgb(239, 246, 233));*/
   box-shadow: inset 0 1px 1px rgb(98, 90, 90),0 2px 5px rgb(5, 5, 5);
}

/*自然语言章节*/
#nlp p{
   height: 30px;
   width: 500px;
   font-weight: bold;
   color: #1c2d42;
   margin-top: 20px;
   font-size: 30px;
}
#nlp div{
   width: 870px;
   height: 70px;
   margin-top: 15px;
}
#nlp div a{
   text-align: center;
   line-height: 45px;
   float: left;
   margin-left: 50px;
   font-weight: bold;
   width: 360px;
   height: 45px;
   border: 1px solid #5d5d56;
   /*background-image: radial-gradient(#fef3f3, #fef3f3, rgb(239, 246, 233));*/
   box-shadow: inset 0 1px 1px rgb(98, 90, 90),0 2px 5px rgb(5, 5, 5);
}

#orc_tec{
   display: block;
}
#face_detect{
   display: none;
}
#voice_tec{
   display: none;
}
#nlp{
   display: none;
}

#nlp a{
   background: #2efe1c;
   opacity: 0.8;
}

#voice_tec .wc{
   background: #2efe1c;
   opacity: 0.8;
}
#face_detect .wc{
   background: #2efe1c;
   opacity: 0.8;
}
#orc_tec #wc{
   background: #2efe1c;
   opacity: 0.8;
}